<template>
  <view class="index">
    <!-- 头部 -->
    <view class="header">
      <view class="header-info">
        <text class="title">XXX同志，早上好</text>
        <text class="role">执法人员</text>
      </view>
      <view class="header-weather">
        <text class="temperature">20℃</text>
        <text class="city">龙港市</text>
      </view>
      <view class="header-nav">
        <view class="nav-item" @tap="handleScoring">
          <view class="nav-icon-container">
            <image class="nav-icon" src="@/assets/images/zhifa.png"></image
          ></view>
          <text>记分</text>
        </view>
        <view class="nav-item">
          <view class="nav-icon-container">
            <image class="nav-icon" src="@/assets/images/zhifa.png"></image
          ></view>
          <text>记分</text>
        </view>
        <view class="nav-item">
          <view class="nav-icon-container">
            <image class="nav-icon" src="@/assets/images/zhifa.png"></image
          ></view>
          <text>记分</text>
        </view>
        <view class="nav-item">
          <view class="nav-icon-container">
            <image class="nav-icon" src="@/assets/images/zhifa.png"></image
          ></view>
          <text>记分</text>
        </view>
      </view>
    </view>
    <!-- 待办、通知、日程 -->
    <view class="notice-list">
      <view class="notice-list-item">
        <text class="notice-list-item-count red-dot">15</text>
        <text class="notice-list-item-text">待办</text>
      </view>
      <view class="notice-list-item">
        <text class="notice-list-item-count red-dot">12</text>
        <text class="notice-list-item-text">通知</text>
      </view>
      <view class="notice-list-item">
        <text class="notice-list-item-count">0</text>
        <text class="notice-list-item-text">日程</text>
      </view>
    </view>
    <!-- 待办事项 -->
    <view class="todo-list">
      <view class="todo-list-header">
        <text class="todo-list-header-title">待办事项</text>
        <text class="todo-list-header-more">更多》</text>
      </view>
      <view class="todo-list-container">
        <view class="todo-list-item">
          <i class="todo-list-item-icon danger">!</i>
          <view class="todo-list-item-content">
            <text class="todo-list-item-content-title"
              >浙龙港渔00177违规上报</text
            >
            <text class="todo-list-item-content-time">2025/04/29 12:00:00</text>
          </view>
          <view class="todo-list-item-icon-more"></view>
        </view>
        <view class="todo-list-item">
          <i class="todo-list-item-icon warn">!</i>
          <view class="todo-list-item-content">
            <text class="todo-list-item-content-title"
              >浙龙港渔00177违规上报</text
            >
            <text class="todo-list-item-content-time">2025/04/29 12:00:00</text>
          </view>
          <view class="todo-list-item-icon-more"></view>
        </view>
        <view class="todo-list-item">
          <i class="todo-list-item-icon info">!</i>
          <view class="todo-list-item-content">
            <text class="todo-list-item-content-title"
              >浙龙港渔00177违规上报</text
            >
            <text class="todo-list-item-content-time">2025/04/29 12:00:00</text>
          </view>
          <view class="todo-list-item-icon-more"></view>
        </view>
        <view class="todo-list-item">
          <i class="todo-list-item-icon normal">!</i>
          <view class="todo-list-item-content">
            <text class="todo-list-item-content-title"
              >浙龙港渔00177违规上报</text
            >
            <text class="todo-list-item-content-time">2025/04/29 12:00:00</text>
          </view>
          <view class="todo-list-item-icon-more"></view>
        </view>
        <view class="todo-list-item">
          <i class="todo-list-item-icon normal">!</i>
          <view class="todo-list-item-content">
            <text class="todo-list-item-content-title"
              >浙龙港渔00177违规上报</text
            >
            <text class="todo-list-item-content-time">2025/04/29 12:00:00</text>
          </view>
          <view class="todo-list-item-icon-more"></view>
        </view>
        <view class="todo-list-item">
          <i class="todo-list-item-icon normal">!</i>
          <view class="todo-list-item-content">
            <text class="todo-list-item-content-title"
              >浙龙港渔00177违规上报</text
            >
            <text class="todo-list-item-content-time">2025/04/29 12:00:00</text>
          </view>
          <view class="todo-list-item-icon-more"></view>
        </view>
      </view>
    </view>
  </view>
</template>

<script setup>
import "./index.scss";
defineOptions({
  name: "Index",
});
const handleScoring = () => {
  console.log("123");
};
</script>
